<script setup>
import { RouterLink, RouterView } from 'vue-router'

</script>

<template>
  <div class="a">
    <ul>
      <RouterLink to="/Cancer">巨蟹</RouterLink>
    </ul>
    <ul>
      <RouterLink to="/Virgo">处女</RouterLink>
    </ul>
    <ul>
      <RouterLink to="/Scorpio">天蝎</RouterLink>
    </ul>
    <ul>
      <RouterLink to="/Aries">白羊</RouterLink>
    </ul>
    <ul>
      <RouterLink to="/Capricorns">摩羯</RouterLink>
    </ul>
    <ul>
      <RouterLink to="/Libra">天秤</RouterLink>
    </ul>
    <ul>
      <RouterLink to="/Gemini">双子</RouterLink>
    </ul>
    <ul>
      <RouterLink to="/Taurus">金牛</RouterLink>
    </ul>
    <ul>
      <RouterLink to="/Pisces">双鱼</RouterLink>
    </ul>
    <ul>
      <RouterLink to="/Leo">狮子</RouterLink>
    </ul>
    <ul>
      <RouterLink to="/Aquarius">水瓶</RouterLink>
    </ul>
    <ul>
      <RouterLink to="/Sagittarius">射手</RouterLink>
    </ul>

  </div>

  <RouterView />
</template>

<style scoped>
ul {
background-image: url('../src/img/图片27.png');
  font-size: 50px;

}

a {

  width:120px; height:800px;
}
</style>
